<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>校园攻略</title>
    <script type="text/javascript" src="../static/javascript/jquery.min.js"></script>
  	<link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
  	<script type="text/javascript" src="../static/layui/layui.js"></script>
    <style>
        body {
            background: linear-gradient(90deg, #FF5722, #0077FF);
            color: #FFF;
            font-family: 'Arial', sans-serif;
            text-align: center;
        }

        h1 {
            color: #FF5722;
            font-size: 36px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        table {
            border: 2px solid #FF5722;
            width: 60%;
            margin: 20px auto;
            background: rgba(255, 255, 255, 0.8);
            border-collapse: collapse;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

        th, td {
            border: 1px solid #FF5722;
            padding: 15px;
        }

        a {
            color: #0077FF;
            text-decoration: none;
            font-weight: bold;
            transition: all 0.3s ease;
            position: relative;
        }

        a:hover {
            text-decoration: underline;
            color: #FF5722;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }

        a::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, #FF5722, #0077FF);
            bottom: 0;
            left: 0;
            transform: scaleX(0);
            transform-origin: bottom right;
            transition: transform 0.3s ease;
        }

        a:hover::before {
            transform: scaleX(1);
            transform-origin: bottom left;
        }
    </style>
</head>
<body>
<h1>校园攻略</h1>
<center>
    <table>
        <tr>
            <th>热度排名</th>
            <th>攻略&新闻</th>
        </tr>
        <tr>
            <td>✨    1    ✨</td>
            <td><a href="javascript:;" onclick="returnToToph4()" id="h4">😎哈尔滨师范大学松北校区新生入学必备最强攻略🥳</a></td>
            	
        </tr>
        <tr>
            <td>✨    2    ✨</td>
            <td><a href="javascript:;" onclick="returnToToph2()" id="h2">🏀⚽体育选课攻略🥋🏸</a></td>
        </tr>
        <tr>
            <td>✨    3    ✨</td>
            <td><a href="https://baijiahao.baidu.com/s?id=1639184097714850820" onclick="returnToTop()">🥓🥪🌭好吃到爆的哈师大夜市，美食荟萃，哪一样是你的最爱？ 🧆🍲🍟</a></td>
        </tr>
        <tr>
            <td>✨    4    ✨</td>
            <td><a href="http://tw1.hrbnu.edu.cn/info/2004/2372.htm" onclick="returnToTop()">📚︎📙请接收这份哈师大er的图书馆攻略~🔖🕮</a></td>
            	
        </tr>
        <tr>
            <td>✨    5    ✨</td>
            <td><a href="https://jingyan.baidu.com/article/ea24bc39f62d80da62b331de.html" onclick="returnToTop()">【校园指南】🛁哈尔滨师范大学澡堂篇🚿</a></td>
        </tr>
        <tr>
            <td>✨    6    ✨</td>
            <td><a href="https://blog.csdn.net/weixin_39715513/article/details/118474465" onclick="returnToTop()">💾📁哈师大计算机学院宿舍,新生攻略|哈师大所有的“秘密”都在这了📂🖳生</a></td>
        </tr>
        <tr>
            <td>✨    7    ✨</td>
            <td><a href="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%88%E5%B8%88%E5%A4%A7%E5%9C%B0%E5%9B%BE&hs=0&pn=0&spn=0&di=7264239678495129601&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&ie=utf-8&oe=utf-8&cl=2&lm=-1&cs=3915688044%2C682085330&os=1331235851%2C2984244041&simid=4237945208%2C812293926&adpicid=0&lpn=0&ln=30&fr=ala&fm=&sme=&cg=&bdtype=0&oriquery=%E5%93%88%E5%B8%88%E5%A4%A7%E5%9C%B0%E5%9B%BE&objurl=https%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20170723%2F5148eeff1f21452c98dae3ae72db21d3_th.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3F4p_z%26e3Bf5i7_z%26e3Bv54AzdH3Fda80a0dnAzdH3Fgcancd0mm0_z%26e3Bfip4s&gsm=&islist=&querylist=&dyTabStr=MTEsMCwzLDIsMSw2LDQsNSw3LDgsOQ%3D%3D" onclick="returnToTop()">🗺︎⛯哈师大地图🌎︎🌐</a></td>
            	
        </tr>
        <tr>
            <td>✨    8    ✨</td>
            <td><a href="https://zhidao.baidu.com/question/722205835733489685.html" onclick="returnToTop()">🏢🏙哈尔滨师范大学住宿条件怎么样？🏪🏫</a></td>
        </tr>
        <tr>
            <td>✨    9✨    </td>
            <td><a href="http://www.hrbnu.edu.cn/info/1039/22540.htm" onclick="returnToTop()">📣校历｜2022-2023学年第一学期校历🔔</a></td>
        </tr>
    </table>
</center>

<script>
    function returnToToph2() {
        window.location.href = "http://localhost:8088/page?page=h2";
    }
    function returnToToph4() {
        window.location.href = "http://localhost:8088/page?page=h4";
    }
</script>
</body>
</html>
